.card {
	margin-bottom: 20rpx;
	padding: 24rpx;
	border-radius: 16rpx;
	background-color: #ffffff;
	box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	cursor: pointer;

	&:hover {
		transform: translateY(-2rpx);
		box-shadow: 0 6rpx 12rpx rgba(0, 0, 0, 0.1);
	}
}

.card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16rpx;


}

.title {
	font-size: 30rpx;
	font-weight: 600;
	color: #333;
}

.status {
	padding: 4rpx 12rpx;
	border-radius: 12rpx;
	font-size: 24rpx;
	font-weight: 500;
	color: #fff;
}

.success {
	 background-color: #52c41a;
 }

.warning {
	 background-color: #fa541c;
 }

.info-row {
	display: flex;
	align-items: center;
	margin-bottom: 12rpx;

}

.icon-box {
	width: 32rpx;
	height: 32rpx;
	background-color: #f4f4f4;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 12rpx;
}

.info-text {
	font-size: 26rpx;
	color: #666;
}
